@charset "utf-8";
$base-font-size: 50px !default; //变量的值可以根据自己需求定义
@function pxTorem($px) { //$px为需要转换的字号
  @return $px / $base-font-size * 1rem;
}

/* CSS Document */
* {
  margin: 0px;
  padding: 0px;
}

input, button, select, textarea {/*去掉表单元素点击时的背景色*/
  outline: none
}

input, button {
  font-family: "Arial", "微软雅黑";
  border: none;
}

ul, ol {
  list-style: none;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);/*去掉a标签点击时的背景*/
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}

img {
  vertical-align: bottom; //去除底部间隙
}

body, html {
  width: 100%;
  height: 100%;
}

$a4a9b3: #a4a9b3;
$blue: #4280f2;
$red: #f55c5c;
$green: #40b953;
$color_6: #565e6d;
$pink: #FF6D96;
$fff: #fff;
$border_line: #EBEDF2;

body {
  font-family: "Arial", "微软雅黑";
  background: #EBEDF2;
  color: $a4a9b3;
  position: relative;
}

.white {
  background: $fff;
  height: 100%;
}

.container {
  height: 100%;
  margin: 0 auto;
}

.margin_bottom {
  margin-bottom: pxTorem(50px);
}

.red {
  color: $red;
}

.blue {
  color: $blue;
}

.green {
  color: $green;
}

.pink {
  color: $pink !important;
}

.color_6 {
  color: $color_6;
}

.footer {
  width: 100%;
  height: pxTorem(50px);
  background: $fff;
  border-top: 1px solid $border_line;
  position: fixed;
  bottom: 0;
  margin-top: pxTorem(50px);
  a {
    color: #BFC3CB;
  }
  li {
    width: 25%;
    text-align: center;
    float: left;
    &.select {
      color: $blue;
    }
    img {
      width: pxTorem(20px);
      height: pxTorem(17px);
    }
    p {
      &:first-child {
        width: pxTorem(20px);
        height: pxTorem(20px);
        &.icon {
          background-size: cover;
          background-position: center;
          margin: 0 auto;
          margin-top: pxTorem(8px);
        }
        &.icon_sy_h {
          background-image: url("../images/sy_h.png");
        }
        &.icon_sy_l {
          background-image: url("../images/sy_l.png");
        }
        &.icon_sjzx_h {
          background-image: url("../images/sjzx_h.png");
        }
        &.icon_sjzx_l {
          background-image: url("../images/sjzx_l.png");
        }
        &.icon_sxt_h {
          background-image: url("../images/sxt_h.png");
        }
        &.icon_sxt_l {
          background-image: url("../images/sxt_l.png");
        }
        &.icon_w_h {
          background-image: url("../images/w_h.png");
        }
        &.icon_w_l {
          background-image: url("../images/w_l.png");
        }
      }
      &:last-child {
        font-size: pxTorem(10px);
        color: inherit;
        line-height: 1;
        margin-top: pxTorem(5px);
      }
    }
  }
}

.fl {
  float: left;
}

.rl {
  float: right;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.hidden {
  visibility: hidden;
}